<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>分店管理-员工信息</title>
	<link rel="stylesheet" href="/js/plugin/layui-v2.3.0/layui/css/layui.css">
	<link rel="stylesheet" href="/css/reset.css">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/project_set.css">
	<script src="/js/jquery-2.1.1.min.js"></script>
	<script src="/js/plugin/layui-v2.3.0/layui/layui.js"></script>
</head>
<style>
	body{
		overflow-y: scroll;
	} 
</style>
<body>
<div class="kb-out-box">
	<div class="kb-content my-locations-list">	
		<div class="nav-container f-left">
			<div class="nav-container-content">
				<header class="nav-header">
					<div class="member-box flex-vcenter">
						<div class="dotted-name" th:text="${record.name.substring(0,1)}"></div>
						<span class="member_name" style="font-size: 20px; padding-top: 10px;" th:text="${record.name}"></span>
						<span class="member_name" th:text="${record.phone}"></span>
					</div>
				</header>
				<div class="nav-body">
					<ul class="nav-container-list">
						<li class="nav-container-list-hover"><a href="">会员信息</a></li>
						<li class=""><a href="">门禁记录</a></li>
						<li class=""><a href="">会议室记录</a></li>
						<li class=""><a href="">订单列表</a></li>
						<li class=""><a href="">积分记录</a></li>
					</ul>
				</div>
			</div>
		</div>	
		<div class="nav-section-container nav-section-container-bg f-right">
			<div style="width: 100%;min-height: 100%; position: relative;" id="iframepage-wrap">
				<iframe id="iframepage" th:src="|/app/customerStaff/detailsBasic/${record.id}|" frameborder="0" width="100%" height="100%" scroll='no'></iframe>
			</div>
		</div>	
	</div>
</div>
</body>
<script>
	function parentHeight(h){
            document.getElementById("iframepage-wrap").style.height = h+"px"
    }
	$(function(){
		
	})
	
</script>
</html>